<template>
    <div class="message-item-content">
        <div>
            <el-text>
                {{ datas.data.senderRight }} &nbsp;
            </el-text>
            <el-text>
                {{ '@' + datas.data.senderName }}
            </el-text>
        </div>

        <el-text>
            {{ datas.data.operation }}
        </el-text>
        <el-text>
            {{ datas.data.operationObejct }}
        </el-text>
        <el-divider ></el-divider>
    </div>
</template>

<script setup lang="ts">
import { defineProps } from "vue";

interface Data {
    messageItemId: String,  // 消息的Id
    senderRight: String,  // 用户权限
    senderName: String,  // 发送通知的人
    operation: String,  // 该用户所做的操作
    operationObejct: String,  // 操作的对象
    blogId: String,  // 博客的ID号
}
const datas = defineProps<{
    data: Data
}>();
</script>

<style scoped lang="scss">
@use './MessageItem.scss';
</style>
